<template>
	<div>
		<!-- <Header></Header> -->
		<VideoPlay></VideoPlay>
		<div class="willInstead">
			<Commit/>
           <RecommendVideo/>
		</div>
		<VideoCard></VideoCard>
		<Message></Message>
	</div>
</template>

<script lang="ts" setup>
// import Header from "../../components/header/index.vue"
import VideoPlay from "./videoPlay/index.vue"
import Message from './message/index.vue'
import VideoCard from './videoCard/index.vue'
import RecommendVideo from "./recommendVideo/index.vue";
import Commit from "./commit/commit.vue";
</script>

<style scoped>
.willInstead {
	background-color: #f5f7f9;
	width: 1200px;
	height: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0 auto;
}

.willInstead .tabNav {
	width: 1200px;
	height: 400px;
	background-color: white;
	margin: 0 auto;

}


.start span {
	color: #f93684;
	font-size: 20px;
}
</style>
